﻿@-moz-keyframes load{
	0% {
		-moz-transform: rotateX(180deg);
		-moz-transform-origin: center;
	}
	100% {
		-moz-transform: rotateX(0deg);
	}
}
@-webkit-keyframes load{
	0% {
		-webkit-transform: rotateX(180deg);
		-webkit-transform-origin: center;
	}
	100% {
		-webkit-transform: rotateX(0deg);
	}
}
@keyframes load{
	0% {
		-ms-transform: rotateX(180deg);
		-o-transform: rotateX(180deg);
		transform: rotateX(180deg);
		-ms-transform-origin: center;
		-o-transform-origin: center;
		transform-origin: center;
	}
	100% {
		-ms-transform: rotateX(0deg);
		-o-transform: rotateX(0deg);
		transform: rotateX(0deg);
	}
}
@-webkit-keyframes status{
	0% {
		opacity:1;
	}
	50%{
		opacity:1;
	}
	100% {
		opacity:0;
	}
}
@-moz-keyframes status{
	0% {
		opacity:1;
	}
	50%{
		opacity:1;
	}
	100% {
		opacity:0;
	}
}
@keyframes status{
	0% {
		opacity:1;
	}
	50%{
		opacity:1;
	}
	100% {
		opacity:0;
	}
}
body {
	position:absolute;
	background: url("img/blur_2_bg.jpg") fixed;
	margin: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#top {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: auto;
	height: 100px;
}

#menu {
	position: absolute;
	top: 100px;
	right: auto;
	bottom: 0;
	left: 0;
	width: 100px;
}

.menu2 {
	-moz-transition: all ease-in-out 250ms;
	-o-transition: all ease-in-out 250ms;
	-webkit-transition: all ease-in-out 250ms;
	transition: all ease-in-out 250ms;
	background: url("img/blur_2_bg.jpg") fixed;
	z-index: 1;
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255,0.5);
	visibility: hidden;
	position: fixed;
	height: 100px;
	margin: -90px 0 0 0;
}

#cen {
	/*background: url("img/blur_10_bg.jpg") fixed;*/
	background: rgba(255,255,255,0.75);
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255,0.5);
	position: absolute;
	top: 100px;
	left: 100px;
	right: 0;
	bottom: 0;
	overflow-x: hidden;
	overflow-y: auto;
	-moz-animation: load 500ms linear 1 none;
	-o-animation: load 500ms linear 1 none;
	-webkit-animation: load 500ms linear 1 none;
	animation: load 500ms linear 1 none;
}
#status{
	padding:10px 5px;
	position:absolute;
	top: 100px;
	left: 45%;
	z-index: 1;
	opacity:0;
	background: url("img/bg.jpg") fixed;
	border: 1px solid rgba(255, 255, 255,0.5);
	box-shadow: rgba(255, 255, 255,0.5) 2px 4px 5px inset;
	border-radius: 10px;
	color:black;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgb(255, 255, 255), -1px -1px 1px rgb(255, 255, 255);
}
::-webkit-scrollbar {
	background: url("img/blur_bg.jpg") fixed;
	border: 1px solid rgba(255, 255, 255,0.5);
	border-radius: 10px;
}

::-webkit-scrollbar-button, ::-webkit-scrollbar-thumb {
	background: url("img/bg.jpg") fixed;
	border: 1px solid rgba(255, 255, 255,0.5);
	box-shadow: rgba(255, 255, 255,0.5) 2px 4px 5px inset;
	border-radius: 10px;
}

#menu >div, .menu2 > div {
	width: 80px;
	height: 80px;
	padding: 10px;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	display: block;
}

.menu2 > div {
	float: left;
}

	#menu > div > *:nth-child(2n+1), .menu2 > div > * {
		z-index: 2;
		width: 79px;
		height: 79px;
		background: url("img/bg.jpg") fixed;
		border: 1px solid rgba(255, 255, 255,0.5);
		box-shadow: rgba(255, 255, 255,0.5) 2px 4px 5px inset;
		border-radius: 10px;
		cursor: pointer;
		display:block;
	}

	#menu > div > *:nth-child(2n+1):hover, .menu2 > div > *:hover {
		background: url("img/blur_10_bg.jpg") fixed;
		box-shadow: rgba(0,0,0,0.75) 2px 4px 10px inset;
		border: none;
	}

	#menu > div > *:nth-child(2n+1) > div:nth-child(2n+1), .menu2 > div > * > div:nth-child(2n+1) {
		width: 48px;
		height: 48px;
		margin: 0px auto;
		padding: 5px 0 0;
	}

	#menu > div > *:nth-child(2n+1) > div:nth-child(2n+2), .menu2 > div > * > div:nth-child(2n+2) {
	}

#menu > *:hover .menu2 {
	left: 100px;
	visibility: visible;
}
#menu * {
	color: black;
	font-weight: bold;
	text-shadow:
		1px 1px 1px rgb(255, 255, 255),
		-1px 1px 1px rgb(255, 255, 255),
		1px -1px 1px rgb(255, 255, 255),
		-1px -1px 1px rgb(255, 255, 255);
	text-align: center;
	text-decoration: none;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
}
#menu form {
	visibility: collapse;
	width: 0;
	padding: 0;
}
.status {
	-moz-animation: status 2s linear 1 none;
	-o-animation: status 2s linear 1 none;
	-webkit-animation: status 2s linear 1 none;
	animation: status 2s linear 1 none;
}